<template>
  <div class="popular-page">
    <PopularBanner />
    <ProductList :products="popularProducts" :show-filters="false" />
  </div>
</template>

<script setup lang="ts">
import PopularBanner from './components/PopularBanner.vue'
import ProductList from '../components/ProductList.vue'
import type { Product } from '@/views/products/types'

const popularProducts: Product[] = [
  {
    id: 1,
    title: "小米14 Ultra 热销",
    image: "https://via.placeholder.com/200x200",
    price: 6499,
    originalPrice: 6999,
    category: 'mobile',
    reviews: 1000,
    description: "徕卡光学镜头，骁龙8第三代",
    rating: 4.7
  },
  // ... 其他商品数据
]
</script>

<style lang="scss" scoped>
.popular-page {
  background-color: white;
}
</style>
